<template>
   <div class="toast">
     <div class="windows">
          <slot></slot>
       
  </div>

     </div>

  
</template>
<script>
export default {
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
 .toast{
   width:100vw;
   height: 100vh;
   background:RGBA(0,0,0,0.6);
   position: fixed;
    top:0;
    left: 0;
.windows{
   position: absolute;
   top:50%;
   left:50%;
   background: #fff;
   transform: translate(-50%,-50%);
   border: 1px solid #000;

}
   


 }
</style>